<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery元素内容的设置与获取</title>
    <script src="../jquery.min.js"></script>
</head>
<body>
  <div>
    <span>我是内容</span>
  </div>
  <input type="text" value="请输入内容">
  <script>
    $(function () {
      //获取元素的内容 带标签
      console.log($('div').html());
      //设置元素内容
      $('div').html(123);
      //获取元素的内容 不带标签
      console.log($('div').text());
      //设置元素内容
      $('div').text(456);
      //获取设置输入框的内容
      console.log($('input').val());
      $('input').val('123');
    })
  </script>
</body>
</html>